*{
    margin:0;
    padding:0;
}

ul,ol{list-style-type: none;}

.container{
    background-color: grey;
    width:800px;
    height:500px;
    margin:0 auto;
}

.row{
    background-color: aquamarine;
    width:100%;
    clear:both;
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
    float:left;
}

.col-1{
    width:8.333%;
}

.col-2{
    width:16.666%;
    background-color: darkseagreen;
}

.col-3{
    width:24.999%;
    background-color: darkkhaki;
}

.col-4{
    width:32.222%;
}

.col-5{
    width:41.666%;
}

.col-6{
    width:50%;
    background-color:darkred;
}

.col-7{
    width:58.333%;
}

.col-8{
    width:66.666%;
    background-color: darkslateblue;
}

.col-9{
    width:74.999%;
    background-color: darkorange;
}

.col-10{
    width:83.333%;
}

.col-11{
    width:91.666%;
}

.col-12{
    width:100%;
}
